<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            border: 1px red solid;

            /* 
            font 可以设置字体相关的所有属性
                语法：
                    font：字体大小/行高（可省略） 字体族
                    但省略的话会把前面的line-height覆盖为normal
                    
                    bold加粗 italic斜体

            */
        
            font:bold italic 50px/2 '微软雅黑',Georgia, 'Times New Roman', Times, serif ;

            /* 
            font-weight 字重 字体的加粗
                可选值：
                    normal 默认值 不加粗
                    bold 加粗
                    100-900 九个级别（没什么用）
            
            font-style 字体的风格
                    normal 正常的
                    italic 斜体
            */
             

        }
    </style>
</head>
<body>
    <div>今天天气针卜挫 HEllo HEllo</div>
</body>
</html>